import ChinaMap from "@/components/chinaMap";
import { baseOption } from "./options";
import { useCompareStore } from '@/stores/compareStore'
import style from './style.module.scss'

const MapPage = () => {

  const compare = useCompareStore((state) => state.compare);

  return (
    <div className={`${style.mainMap} ${compare && style.move} `}>
      <h2>全国门店分布图</h2>
      <div className={style.btn}>
        <ChinaMap option={baseOption} height="78vh" />
      </div>
    </div>
  );
};

export default MapPage;